[Day06 - UI/UX] 建立 APP Design Guideline - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 6

0

Mobile Development

30 天程式邊緣人 - React Native 的孤獨開發指南系列第 6 篇

[Day06 - UI/UX] 建立 APP Design Guideline

13th鐵人賽 ui/ux react-native

團隊想吃羊肉爐

2021-09-21 21:21:49

2805 瀏覽

分享至

在開始畫設計稿之前，我們要先確認一下我們的字級以及主色以及輔色等等。這邊我套用去年自製的 Design Guideline Template 來定義簡單的設計規則。完成的結果如下：

主要色系目前都是跟著LOGO的配色走，才有一致的感覺。確定好這些數值之後，在開發上也比較好參考，不用一直去試哪一種數值比較好造成整個APP視覺混亂。

有了這個設計規範後，我們就可以開始繪製設計稿了！

[Day05 - UI/UX] 為APP製作 LOGO

[Day07- React Native]建立 React Native 專案

系列文

30 天程式邊緣人 - React Native 的孤獨開發指南共 15 篇

目錄

RSS系列文訂閱系列文

5 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙